<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Leisure Place</title> 
<meta name="keywords" content="下午茶,休闲,休闲餐厅" />
<link rel="shortcut icon" href="images/网页logo.png">
<style type="text/css">
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.logo {
	height: 400px;
	width: 1024px;
	border: 1px dashed #CCC;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

.menu {
	background-color: #C99;
	height: 80px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #CCC;
	margin-bottom: 5px;
	font-family: "微软雅黑";
	font-size: 30px;
	text-align: center;
	padding-top:30px;
	
}
.banner {
	height: 540px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #CCC;
}
.main {
	background-color: #C99;
	height: 700px;
	width: 1024px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px dashed #CCC;
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 30px;
	color: #333;
}
.main_left {
	background-color: #C36;
	height: 700px;
	width: 20%;
	float: left;
}
.menu ul li {
	float: left;
	width: 190px;
	list-style-type: none;
}
.bottom {
	background-color: #C66;
	height: 80px;
	width: 1024px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px dashed #CCC;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding-top: 60px;
}
.menu ul li a {
	font-family: "微软雅黑";
	color: #000;
	text-decoration: none;
}
.menu ul li a hover {
	font-family: "微软雅黑";
	font-size: 22px;
	color:#C00;
	text-decoration: none;
}
.main_right_pics {
	background-color: #C66;
	float: left;
	height: 24%;
	width: 32%;
	margin: 60px;
	text-align: center;
}

.main_right {
	height: 700px;
	width: 80%;
	float: left;
}
</style>
</head>

<body>
<div class="logo"><a href="index.html" target="_self"><img src="images/banner.png" width="1024" height="400"></a></div>
<div class="menu">
  <ul>
    <li><a href="十三点半.html">十三点半</a></li>
    <li><a href="大象的店.html">大象的店</a></li>
    <li><a href="七月半夏.html">七月半夏 </a></li> 
    <li><a href="咖啡在哪.html">咖啡在哪</a></li>
    <li><a href="创意方案.html">创意方案*</a></li>
  </ul>
</div>
<div class="banner"><img src="images/IMG20200531160018.jpg" width="1024" height="540"></div>
<div class="main">
  <div class="main_left">
    <div align="center">
      <p>&nbsp;</p>
      <p><strong>咖啡在哪</strong></p>
      <p>&nbsp;</p>
      <p>推荐</p>
      <p>&nbsp;</p>
      <p>比利时啤酒      </p>
      <p>冰美式      </p>
      <p>卡布奇诺      </p>
      <p>焦糖玛奇朵      </p>
      <p>手工饼干</p>
      <p>&nbsp;</p>
      <p>优惠餐品</p>
      <p>&nbsp;</p>
      <p>双人下午茶</p>
      <p>单人咖啡套餐</p>
      <p>经典下午茶套餐</p>
      <p>&nbsp;</p>
      <p>休闲环境</p>
      <p>&nbsp;</p>
      <p>吉他</p>
      <p>各种书籍      </p>
      <p>桌游</p>
      <p>&nbsp;</p>
    </div>
  </div>
  <div class="main_right">
    <div class="main_right_pics"><img src="images/3f425c7575d6b800.jpg" width="270" height="250"></div>
    <div class="main_right_pics"><img src="images/IMG_20200702_160149.jpg" width="270" height="250"></div>
    <div class="main_right_pics"><img src="images/IMG_20200702_160202.jpg" width="270" height="250"></div>
    <div class="main_right_pics"><img src="images/IMG_20200614_163945.jpg" width="270" height="250"></div>
  </div>
  
  </div>
<div class="bottom">
  版权所有Creative Power——图片来源网络：侵欠删——联系方式：微信公众号：******
</div>

</body>
</html>
